import { createApp } from 'vue'
import { createPinia } from 'pinia'

import App from './App.vue'
import router from './router'

// // 我们来测试一下api里面写的接口函数
// // 先引入接口函数
// import { getCategory1 } from '@/apis/testApi'
// // 调用函数  拿到函数的结果,用res来接收这个对象结果
// getCategory1().then(res => {
//   // 打印一下 看是否拿到
  // console.log(res,'test');
//   // console.log('拿到了');
// })

// import './assets/main.css' 这是之前默认的
// 我们需要重新引入初始化样式文件
import '@/styles/common.scss'

// 引入图片懒加载插件 并注册使用
import { lazyPlugin } from '@/directives'

// 引入全局使用组件
import {componentPlugin} from '@/components'

// 1.安装插件pinia-plugin-persistedstate  2.将插件添加到 pinia 实例上
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

const app = createApp(App)
// app.use(createPinia())  //3.现在是写在一起的 我们引入插件后 给拆开写
const pinia = createPinia()
// 4.注册持久化插件
pinia.use(piniaPluginPersistedstate)

app.use(pinia)

app.use(router)
// 全局使用图片懒加载的插件方法
app.use(lazyPlugin)

// 全局使用组件
app.use(componentPlugin)

app.mount('#app')


